.el-popper {
    --el-popper-border-radius: var(--el-popover-border-radius,4px);
    position: absolute;
    border-radius: var(--el-popper-border-radius);
    padding: 10px;
    z-index: 2000;
    font-size: 12px;
    line-height: 1.2;
    min-width: 10px;
    word-wrap: break-word;
    visibility: visible
}

.el-popper.is-dark {
    color: var(--el-color-white);
    background: var(--el-text-color-primary)
}

.el-popper.is-dark .el-popper__arrow:before {
    background: var(--el-text-color-primary);
    right: 0
}

.el-popper.is-light,.el-popper.is-light .el-popper__arrow:before {
    background: var(--el-color-white);
    border: 1px solid var(--el-border-color-light)
}

.el-popper.is-light .el-popper__arrow:before {
    right: 0
}

.el-popper.is-pure {
    padding: 0
}

.el-popper__arrow,.el-popper__arrow:before {
    position: absolute;
    width: 10px;
    height: 10px;
    z-index: -1
}

.el-popper__arrow:before {
    content: " ";
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background: var(--el-text-color-primary);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.el-popper[data-popper-placement^=top]>.el-popper__arrow {
    bottom: -5px
}

.el-popper[data-popper-placement^=bottom]>.el-popper__arrow {
    top: -5px
}

.el-popper[data-popper-placement^=left]>.el-popper__arrow {
    right: -5px
}

.el-popper[data-popper-placement^=right]>.el-popper__arrow {
    left: -5px
}

.el-popper.is-light[data-popper-placement^=top] .el-popper__arrow:before {
    border-top-color: transparent;
    border-left-color: transparent
}

.el-popper.is-light[data-popper-placement^=bottom] .el-popper__arrow:before {
    border-bottom-color: transparent;
    border-right-color: transparent
}

.el-popper.is-light[data-popper-placement^=left] .el-popper__arrow:before {
    border-left-color: transparent;
    border-bottom-color: transparent
}

.el-popper.is-light[data-popper-placement^=right] .el-popper__arrow:before {
    border-right-color: transparent;
    border-top-color: transparent
}

.el-tooltip {
    --el-tooltip-fill: var(--el-text-color-primary);
    --el-tooltip-color: var(--el-color-white);
    --el-tooltip-font-size: 12px;
    --el-tooltip-border-color: var(--el-text-color-primary);
    --el-tooltip-arrow-size: 6px;
    --el-tooltip-padding: 10px
}

.el-tooltip:focus:hover,.el-tooltip:focus:not(.focusing) {
    outline-width: 0
}

.el-tooltip__popper {
    position: absolute;
    border-radius: 4px;
    padding: var(--el-tooltip-padding);
    z-index: var(--el-index-popper);
    font-size: var(--el-tooltip-font-size);
    line-height: 1.2;
    min-width: 10px;
    word-wrap: break-word
}

.el-tooltip__popper .popper__arrow,.el-tooltip__popper .popper__arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.el-tooltip__popper .popper__arrow {
    border-width: var(--el-tooltip-arrow-size)
}

.el-tooltip__popper .popper__arrow:after {
    content: " ";
    border-width: 5px
}

.el-tooltip__popper[x-placement^=top] {
    margin-bottom: calc(var(--el-tooltip-arrow-size) + 6px)
}

.el-tooltip__popper[x-placement^=top] .popper__arrow {
    bottom: calc(0px - var(--el-tooltip-arrow-size));
    border-top-color: var(--el-tooltip-border-color);
    border-bottom-width: 0
}

.el-tooltip__popper[x-placement^=top] .popper__arrow:after {
    bottom: 1px;
    border-top-color: var(--el-tooltip-fill);
    border-bottom-width: 0
}

.el-tooltip__popper[x-placement^=bottom] {
    margin-top: calc(var(--el-tooltip-arrow-size) + 6px)
}

.el-tooltip__popper[x-placement^=bottom] .popper__arrow {
    top: calc(0px - var(--el-tooltip-arrow-size));
    border-bottom-color: var(--el-tooltip-border-color);
    border-top-width: 0
}

.el-tooltip__popper[x-placement^=bottom] .popper__arrow:after {
    top: 1px;
    border-bottom-color: var(--el-tooltip-fill);
    border-top-width: 0
}

.el-tooltip__popper[x-placement^=left] {
    margin-right: calc(var(--el-tooltip-arrow-size) + 6px)
}

.el-tooltip__popper[x-placement^=left] .popper__arrow {
    right: calc(0px - var(--el-tooltip-arrow-size));
    border-left-color: var(--el-tooltip-border-color);
    border-right-width: 0
}

.el-tooltip__popper[x-placement^=left] .popper__arrow:after {
    right: 1px;
    border-left-color: var(--el-tooltip-fill);
    border-right-width: 0
}

.el-tooltip__popper[x-placement^=right] {
    margin-left: calc(var(--el-tooltip-arrow-size) + 6px)
}

.el-tooltip__popper[x-placement^=right] .popper__arrow {
    left: calc(0px - var(--el-tooltip-arrow-size));
    border-right-color: var(--el-tooltip-border-color);
    border-left-width: 0
}

.el-tooltip__popper[x-placement^=right] .popper__arrow:after {
    left: 1px;
    border-right-color: var(--el-tooltip-fill);
    border-left-width: 0
}

.el-tooltip__popper.is-dark {
    background: var(--el-tooltip-fill);
    color: var(--el-tooltip-color)
}

.el-tooltip__popper.is-light {
    background: var(--el-tooltip-color);
    border: 1px solid var(--el-tooltip-fill)
}

.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow {
    border-top-color: var(--el-tooltip-fill)
}

.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow:after {
    border-top-color: var(--el-tooltip-color)
}

.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow {
    border-top-color: var(--el-tooltip-fill)
}

.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow:after {
    border-top-color: var(--el-tooltip-color)
}

.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow {
    border-top-color: var(--el-tooltip-fill)
}

.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow:after {
    border-top-color: var(--el-tooltip-color)
}

.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow {
    border-top-color: var(--el-tooltip-fill)
}

.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow:after {
    border-top-color: var(--el-tooltip-color)
}

.animate-pop[data-v-87f13480] {
    -webkit-animation: pop-87f13480 .25s cubic-bezier(.18,.89,.32,1.27);
    animation: pop-87f13480 .25s cubic-bezier(.18,.89,.32,1.27)
}

@-webkit-keyframes pop-87f13480 {
    0% {
        bottom: -60px;
        opacity: 0
    }

    to {
        bottom: 0;
        opacity: 1
    }
}

@keyframes pop-87f13480 {
    0% {
        bottom: -60px;
        opacity: 0
    }

    to {
        bottom: 0;
        opacity: 1
    }
}

.slot-item-name[data-v-87f13480] {
    width: 100%;
    position: relative
}

.slot-item-name[data-v-87f13480] div {
    overflow: hidden!important;
    text-overflow: ellipsis!important;
    white-space: nowrap;
    width: 100%
}

.face[data-v-4d2fb1ea] {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.face.back[data-v-4d2fb1ea] {
    transform: rotateY(180deg)
}

.cell[data-v-4d2fb1ea] {
    transform-style: preserve-3d
}

.cell-open[data-v-4d2fb1ea] {
    transform: rotateY(180deg)
}

.slot-item-name[data-v-4d2fb1ea] {
    width: 100%
}

.slot-item-name[data-v-4d2fb1ea] div {
    overflow: hidden!important;
    text-overflow: ellipsis!important;
    white-space: nowrap;
    max-width: 80%
}

.slot-item-name[data-v-3c7db675] {
    width: 100%;
    position: relative
}

.slot-item-name[data-v-3c7db675] div {
    overflow: hidden!important;
    text-overflow: ellipsis!important;
    white-space: nowrap;
    width: 100%
}

.hide[data-v-7f13ab74] {
    display: none
}

.pointer[data-v-7f13ab74]:before {
    border-top: 12px solid #ffc700;
    top: 0
}

.pointer[data-v-7f13ab74]:after,.pointer[data-v-7f13ab74]:before {
    content: "";
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    position: absolute;
    left: 142px
}

.pointer[data-v-7f13ab74]:after {
    border-bottom: 12px solid #ffc700;
    bottom: 0
}

@media only screen and (max-width: 783px) {
    .slot-bg[data-v-7f13ab74] {
        display:none
    }
}

@media only screen and (min-width: 783px) {
    .machine.slot3 .slot[data-v-7f13ab74] {
        -webkit-clip-path:polygon(0 50px,50px 0,calc(100% - 50px) 0,100% 50px,100% calc(100% - 50px),calc(100% - 50px) 100%,50px 100%,0 calc(100% - 50px));
        clip-path: polygon(0 50px,50px 0,calc(100% - 50px) 0,100% 50px,100% calc(100% - 50px),calc(100% - 50px) 100%,50px 100%,0 calc(100% - 50px))
    }

    .machine.slot4 .slot[data-v-7f13ab74] {
        -webkit-clip-path: polygon(0 40px,40px 0,calc(100% - 40px) 0,100% 40px,100% calc(100% - 40px),calc(100% - 40px) 100%,40px 100%,0 calc(100% - 40px));
        clip-path: polygon(0 40px,40px 0,calc(100% - 40px) 0,100% 40px,100% calc(100% - 40px),calc(100% - 40px) 100%,40px 100%,0 calc(100% - 40px))
    }

    .machine.slot5 .slot[data-v-7f13ab74] {
        -webkit-clip-path: polygon(0 30px,30px 0,calc(100% - 30px) 0,100% 30px,100% calc(100% - 30px),calc(100% - 30px) 100%,30px 100%,0 calc(100% - 30px));
        clip-path: polygon(0 30px,30px 0,calc(100% - 30px) 0,100% 30px,100% calc(100% - 30px),calc(100% - 30px) 100%,30px 100%,0 calc(100% - 30px))
    }

    .machine .slot[data-v-7f13ab74] {
        -webkit-clip-path: polygon(0 60px,85px 0,calc(100% - 85px) 0,100% 60px,100% calc(100% - 60px),calc(100% - 85px) 100%,85px 100%,0 calc(100% - 60px));
        clip-path: polygon(0 60px,85px 0,calc(100% - 85px) 0,100% 60px,100% calc(100% - 60px),calc(100% - 85px) 100%,85px 100%,0 calc(100% - 60px))
    }

    .machine .slot[data-v-7f13ab74]:before {
        content: " ";
        position: absolute;
        top: 0;
        height: 100%;
        width: 15%;
        z-index: 999;
        left: 0;
        background-image: linear-gradient(90deg,#fff 5vw,rgba(25,25,38,0))
    }

    .machine .slot[data-v-7f13ab74]:after {
        content: " ";
        position: absolute;
        top: 0;
        height: 100%;
        width: 15%;
        z-index: 999;
        right: 0;
        background-image: linear-gradient(270deg,#fff 5vw,rgba(25,25,38,0))
    }
}

.animated[data-v-7f13ab74] {
    transition: transform 6.5s cubic-bezier(.15,.89,.19,.99)
}

.slot-item-name[data-v-1aae9d7a] {
    width: 100%;
    position: relative
}

.slot-item-name[data-v-1aae9d7a] div {
    overflow: hidden!important;
    text-overflow: ellipsis!important;
    white-space: nowrap;
    width: 100%
}

.hide[data-v-45f94e54] {
    display: none
}

.pointer[data-v-45f94e54]:before {
    border-top: 12px solid #ffc700;
    top: 0
}

.pointer[data-v-45f94e54]:after,.pointer[data-v-45f94e54]:before {
    content: "";
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    position: absolute;
    left: 142px
}

.pointer[data-v-45f94e54]:after {
    border-bottom: 12px solid #ffc700;
    bottom: 0
}

@media only screen and (max-width: 783px) {
    .slot-bg[data-v-45f94e54] {
        display:none
    }
}

@media only screen and (min-width: 783px) {
    .machine.slot3 .slot[data-v-45f94e54] {
        -webkit-clip-path:polygon(0 50px,50px 0,calc(100% - 50px) 0,100% 50px,100% calc(100% - 50px),calc(100% - 50px) 100%,50px 100%,0 calc(100% - 50px));
        clip-path: polygon(0 50px,50px 0,calc(100% - 50px) 0,100% 50px,100% calc(100% - 50px),calc(100% - 50px) 100%,50px 100%,0 calc(100% - 50px))
    }

    .machine.slot4 .slot[data-v-45f94e54] {
        -webkit-clip-path: polygon(0 40px,40px 0,calc(100% - 40px) 0,100% 40px,100% calc(100% - 40px),calc(100% - 40px) 100%,40px 100%,0 calc(100% - 40px));
        clip-path: polygon(0 40px,40px 0,calc(100% - 40px) 0,100% 40px,100% calc(100% - 40px),calc(100% - 40px) 100%,40px 100%,0 calc(100% - 40px))
    }

    .machine.slot5 .slot[data-v-45f94e54] {
        -webkit-clip-path: polygon(0 30px,30px 0,calc(100% - 30px) 0,100% 30px,100% calc(100% - 30px),calc(100% - 30px) 100%,30px 100%,0 calc(100% - 30px));
        clip-path: polygon(0 30px,30px 0,calc(100% - 30px) 0,100% 30px,100% calc(100% - 30px),calc(100% - 30px) 100%,30px 100%,0 calc(100% - 30px))
    }

    .machine .slot[data-v-45f94e54] {
        -webkit-clip-path: polygon(0 60px,85px 0,calc(100% - 85px) 0,100% 60px,100% calc(100% - 60px),calc(100% - 85px) 100%,85px 100%,0 calc(100% - 60px));
        clip-path: polygon(0 60px,85px 0,calc(100% - 85px) 0,100% 60px,100% calc(100% - 60px),calc(100% - 85px) 100%,85px 100%,0 calc(100% - 60px))
    }

    .machine .slot[data-v-45f94e54]:before {
        content: " ";
        position: absolute;
        top: 0;
        height: 100%;
        width: 15%;
        z-index: 999;
        left: 0;
        background-image: linear-gradient(90deg,#fff 5vw,rgba(25,25,38,0))
    }

    .machine .slot[data-v-45f94e54]:after {
        content: " ";
        position: absolute;
        top: 0;
        height: 100%;
        width: 15%;
        z-index: 999;
        right: 0;
        background-image: linear-gradient(270deg,#fff 5vw,rgba(25,25,38,0))
    }
}

.animated[data-v-45f94e54] {
    transition: transform 6.5s cubic-bezier(.15,.89,.19,.99)
}

.animated-shake[data-v-45f94e54] {
    -webkit-animation: shake-45f94e54 forwards;
    animation: shake-45f94e54 forwards;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s
}

@-webkit-keyframes shake-45f94e54 {
    0% {
        transform: translate(1px,1px) rotate(0deg) scale(1.2)
    }

    10% {
        transform: translate(-1px,-2px) rotate(-2deg) scale(1.2)
    }

    20% {
        transform: translate(-3px) rotate(2deg) scale(1.2)
    }

    30% {
        transform: translate(3px,2px) rotate(0deg) scale(1.2)
    }

    40% {
        transform: translate(1px,-1px) rotate(2deg) scale(1.2)
    }

    50% {
        transform: translate(-1px,2px) rotate(-2deg) scale(1.2)
    }

    60% {
        transform: translate(-3px,1px) rotate(0deg) scale(1.2)
    }

    70% {
        transform: translate(3px,1px) rotate(-2deg) scale(1.2)
    }

    80% {
        transform: translate(-1px,-1px) rotate(2deg) scale(1.2)
    }

    90% {
        transform: translate(1px,2px) rotate(0deg) scale(1.2)
    }

    to {
        transform: translate(1px,-2px) rotate(-2deg) scale(1.2)
    }
}

@keyframes shake-45f94e54 {
    0% {
        transform: translate(1px,1px) rotate(0deg) scale(1.2)
    }

    10% {
        transform: translate(-1px,-2px) rotate(-2deg) scale(1.2)
    }

    20% {
        transform: translate(-3px) rotate(2deg) scale(1.2)
    }

    30% {
        transform: translate(3px,2px) rotate(0deg) scale(1.2)
    }

    40% {
        transform: translate(1px,-1px) rotate(2deg) scale(1.2)
    }

    50% {
        transform: translate(-1px,2px) rotate(-2deg) scale(1.2)
    }

    60% {
        transform: translate(-3px,1px) rotate(0deg) scale(1.2)
    }

    70% {
        transform: translate(3px,1px) rotate(-2deg) scale(1.2)
    }

    80% {
        transform: translate(-1px,-1px) rotate(2deg) scale(1.2)
    }

    90% {
        transform: translate(1px,2px) rotate(0deg) scale(1.2)
    }

    to {
        transform: translate(1px,-2px) rotate(-2deg) scale(1.2)
    }
}
